
<script>
export default {
    props:{
        wrapper:{
            type:Array,
            default:function(){
                return []
            }
        }
    },
    created(){//注意执行顺序：生命周期函数 
        console.log('----获取父组件数据----',this.wrapper);
        //显示内容 [] {this.wrapper[0].child.$slots.default}
    },
    render(){
        return (
            <div>
                {
                   this.wrapper.map((ele,index) => {
                        return (
                            <div
                                style={{ display:ele.child.index==ele.child.active?'block':"none"}}
                            >
                                {ele.child.$slots.default} 
                        </div>
                        )
                   })
                }
            </div>
        )
    }
}
</script>

<style>

</style>